<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>退款单详情</title>
    	[#include "common/include.ftl"]
    	<link rel="styleSheet" href="${base}/resource/css/member.css">
    	<link rel="styleSheet" href="${base}/resource/plug/buttons/buttons.css">
    	<script type="text/javascript">
    		function cancel(){
    			oDialog.confirm("确定取消退款吗?", function(){
					ajax({
						url	: base + '/refund/cancel.jhtml',
						data: {
							refundNo	: "${refund.refundNo}"
						},
						showError:true,
						success	: function(data){
							window.location.reload();
						}
					});
				});
    		}
    		
    		function receive(){
    			oDialog.confirm("确定确认收货吗?", function(){
					ajax({
						url	: base + '/refund/receive.jhtml',
						data: {
							refundNo	: "${refund.refundNo}"
						},
						showError:true,
						success	: function(data){
							window.location.reload();
						}
					});
				});
    		}
    	</script>
	</head>
	<body class="customer">
		[#include "common/header.ftl"]
		<div class="crumbs">
			<a href="/member/index.jhtml">会员中心</a> > <a>交易管理</a> > <a>退款详情</a>
		</div>
		<div id="member-main">
			[#assign menuNo = 'refund'/]
		    [#include "common/member-left.ftl"/]
			<div class="member-right">
				<div class="right-wrap">
					<h2 class="right-title">${refund.isChange?string('换货','退货')}单详情</h2>
					<div id="order-info" class="return-schedule">
						<dl class="tips">
							<dt>
								<strong>退款单号:</strong><strong>${refund.refundNo}</strong>
							</dt>
							<dd>
								${refund.productName}
							</dd>
							<div class="clear"></div>
						</dl>
						<div class="m-box">
							<div class="mt r-title">
								<h4 class="title">退款进度条</h4>
							</div>
							<div class="mc">
								<div class="mc">
									<div class="schedule-tips step[#if refund.step=5]3[#else]${refund.step+1}[/#if] [#if refund.step=5]l-3[#elseif refund.isChange]l-5[#else]l-4[/#if]">
										<div class="t-ico"></div>
										<ul class="tips-text">
											<li>
												提交申请
											</li>
											<li>
												售后审核
											</li>
											[#if refund.step=5]
												<li>
													${refund.isChange?string('换货','退货')}单已取消
												</li>
											[#elseif refund.isChange]
												<li>
													售后收货
												</li>
												<li>
													售后发货
												</li>
												<li>
													完成
												</li>
											[#else]
												<li>
													360跨界商萌收货
												</li>
												<li>
													完成
												</li>
											[/#if]
										</ul>
									</div>
								</div>
								<div class="mt c-mt">
									<p>
										进度说明
									</p>
								</div>
								<div class="mc">
									<p>
										"亲爱的客户，很抱歉您的商品出现这样的问题。请您将商品全套（商品、附件、发票原件、包装）15天内邮寄到京东(不含EMS、顺丰，拒收到付)。运费将以余额的方式返还到京东账户。如收到商品后情况属实，我们会尽快为您办理。感谢您对京东的支持。（注：电子发票及换货发票无需退回） 提示：为避免数据遗失或泄露，请您提前做好数据备份，京东将不承担相应责任。
									</p>
									[#if refund.step = 0]
										<a href="javascript:cancel();" class="button button-action button-rounded cancel-apply">取消申请</a>
									[#elseif refund.step = 3]
										<a href="javascript:receive();" class="button button-action button-rounded cancel-apply">确认收货</a>
									[/#if]
								</div>
							</div>
						</div>
						<div class="m-box">
							<div class="mt">
								<h4 class="title">跟踪信息</h4>
							</div>
							<div class="mc">
								<table class="schedule-info">
									<tr>
										<th>处理时间</th>
										<th>处理信息</th>
										<th>操作人</th>
									</tr>
									[#list refund.logs as log]
										<tr>
											<td>${log.createDate?string('yyyy-MM-dd HH:mm:ss')}</td>
											<td>${log.logText}</td>
											<td>${log.operatorType}</td>
										</tr>
									[/#list]
								</table>
							</div>
						</div>
						<div class="m-box">
							<div class="mt">
								<h4>收货人信息</h4>
							</div>
							<div class="mc">
								<table class="table-info">
									<tr>
										<td width="12%">商品处理方式</td>
										<td>客户期望处理方式为“[#if refund.isChange]换货[#else]退货[/#if]”</td>
									</tr>
									<tr>
										<td>问题描述</td>
										<td>${refund.remark}</td>
									</tr>
									[#if refund.isChange]
										<tr>
											<td>收货地址</td>
											<td>${refund.areaName}${refund.address}</td>
										</tr>
										<tr>
											<td>联系信息</td>
											<td>联系人：${refund.consignee}   手机：${refund.contact}</td>
										</tr>
										[#if refund.step = 3 || (refund.step = 4 && refund.isChange)]
											<tr>
												<td>发货单信息</td>
												<td>运费信息：${refund.shipFee} (元) 快递公司：${refund.deliveryMethodName} 运单号:${refund.logisticsNo}</td>
											</tr>
										[/#if]
									[/#if]
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		[#include "common/footer-slidebar-lazyload.ftl"]
	</body>
</html>